<html>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<body class="bg-gray-100 font-sans leading-normal tracking-normal">
    <header class="bg-blue-900 py-4">
        <nav class="container mx-auto flex items-center justify-between">
            <a href="#" class="text-white font-bold text-xl">Shanghai AI Lab</a>
            <div class="flex space-x-4">
                <a href="#" class="text-white hover:text-blue-300">Home</a>
                <a href="#" class="text-white hover:text-blue-300">About</a>
                <a href="#" class="text-white hover:text-blue-300">Research</a>
                <a href="#" class="text-white hover:text-blue-300">Publications</a>
                <a href="#" class="text-white hover:text-blue-300">Contact</a>
            </div>
        </nav>
    </header>

    <main class="container mx-auto py-8">
        <section class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div>
                <img src="https://picsum.photos/600/400" alt="AI Research" class="rounded-lg shadow-md">
            </div>
            <div>
                <h2 class="text-3xl font-bold mb-4">Welcome to Shanghai AI Lab</h2>
                <p class="mb-4">At Shanghai AI Lab, we are dedicated to advancing the field of artificial intelligence through cutting-edge research and innovative solutions. Our team of experts is committed to exploring the boundaries of what is possible with AI technology.</p>
                <p class="mb-4">Our mission is to develop intelligent systems that can assist humans in various domains, from healthcare and education to finance and manufacturing. We believe that AI has the potential to revolutionize the way we live, work, and interact with the world around us.</p>
                <a href="#" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Learn More</a>
            </div>
        </section>

        <section class="mt-16">
            <h2 class="text-3xl font-bold mb-4">Our Research Projects</h2>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="bg-white rounded-lg shadow-md p-6">
                    <img src="https://picsum.photos/400/300" alt="Machine Learning" class="mb-4 rounded-lg">
                    <h3 class="text-xl font-bold mb-2">Machine Learning for Medical Diagnosis</h3>
                    <p class="text-gray-700">We are developing advanced machine learning algorithms to assist doctors in accurately diagnosing various medical conditions based on patient data.</p>
                </div>
                <div class="bg-white rounded-lg shadow-md p-6">
                    <img src="https://picsum.photos/400/300" alt="Robotics" class="mb-4 rounded-lg">
                    <h3 class="text-xl font-bold mb-2">Intelligent Robotics for Manufacturing</h3>
                    <p class="text-gray-700">Our team is working on developing intelligent robots that can perform complex tasks in manufacturing environments, increasing efficiency and productivity.</p>
                </div>
                <div class="bg-white rounded-lg shadow-md p-6">
                    <img src="https://picsum.photos/400/300" alt="Computer Vision" class="mb-4 rounded-lg">
                    <h3 class="text-xl font-bold mb-2">Computer Vision for Autonomous Vehicles</h3>
                    <p class="text-gray-700">We are researching computer vision techniques to enable autonomous vehicles to perceive and understand their surroundings, ensuring safe and efficient transportation.</p>
                </div>
            </div>
        </section>
    </main>

    <footer class="bg-blue-900 py-8 mt-16">
        <div class="container mx-auto text-center text-white">
            <p>&copy; 2023 Shanghai AI Lab. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>
